<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // WebStorage   网页存储
    // WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。

    // ## WebStorage两个主要目标：

    // 1.提供一种在cookie之外存储会话数据的路径  (一种新的在用户本地 存储数据的方式)
    // 2.提供一种存储大量可以跨会话存在的数据的机制  (webStorage也可以跨页面访问 )
    // HTML5的WebStorage提供了两种API：localStorage（本地存储）和sessionStorage（会话存储）


    // 特征:
    // 1. 一种新的在用户本地 存储数据的方式
    // 2. 将数据严格限制在客户端，不会与服务器通信
    // 3. WebStorage存储大小5M(大量)
    // 4. WebStorage也可以跨页面访问(默认存储站点根目录)
    // 5. 的WebStorage提供了两种API：localStorage（本地存储 => 长时间存储）和sessionStorage（会话存储 => 浏览器窗口关闭就过期） => 自带数据增删改查的方法


    // 如何使用WebStorage?
    // HTML5的WebStorage提供了两种API(存储方式)：localStorage（本地存储）和sessionStorage（会话存储）  => 全局对象

    // 1. 手动查找(方便调试) ->  开发者工具(F12) -> Application(应用) -> Storage -> ：localStorage（本地存储）和sessionStorage

    // 2. JS查找   
    console.log(localStorage);  // window.localStorage
    console.log(sessionStorage);  // window.sessionStorage






</script>

</html>